<!DOCTYPE html>
<html>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>验证BOOTSTRAP</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- <link rel="stylesheet" href="https://cdn.staticfile.org/bootstrap/5.1.3/css/bootstrap.min.css"> -->
</head>
<body>
	<div class="container">
		<div class="row row-cols-2 row-cols-lg-5 g-2 g-lg-3">
			<div class="card m-3" style="width: 18rem;">
				<img src="imgs/pic-1.png" class="card-img-top" alt="...">
				<div class="card-body">
					<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
				</div>
			</div>
			<div class="card m-3" style="width: 18rem;">
				<img src="imgs/pic-1.png" class="card-img-top" alt="...">
				<div class="card-body">
					<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
				</div>
			</div>
			<div class="card m-3" style="width: 18rem;">
				<img src="imgs/pic-1.png" class="card-img-top" alt="...">
				<div class="card-body">
					<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
				</div>
			</div>
			<div class="card m-3" style="width: 18rem;">
				<img src="imgs/pic-1.png" class="card-img-top" alt="...">
				<div class="card-body">
					<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
				</div>
			</div>
			<div class="card m-3" style="width: 18rem;">
				<img src="imgs/pic-1.png" class="card-img-top" alt="...">
				<div class="card-body">
					<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
				</div>
			</div>
		</div>
	</div>
	<nav aria-label="Page navigation example">
		<ul class="pagination justify-content-end">
			<li class="page-item disabled"><a class="page-link"><span aria-hidden="true">&laquo;</span></a></li>
			<li class="page-item active"><a class="page-link" href="#">1</a></li>
			<li class="page-item"><a class="page-link" href="#">2</a></li>
			<li class="page-item"><a class="page-link" href="#">3</a></li>
			<li class="page-item"><a class="page-link" href="#"><span aria-hidden="true">&raquo;</span></a></li>
		</ul>
	</nav>
	</div>
</body>
<!-- <script type="text/javascript"	src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>  -->
<!-- <script type="text/javascript" src="js/bootstrap.min.js"></script>  -->
<script type="text/javascript" src="https://cdn.staticfile.org/bootstrap/5.1.3/js/bootstrap.min.js"></script>
</html>